$(function () {
    // 放大镜
    $('.top-two-l-head').on('mouseenter', function () {
        $('.head-none').css({
            'opacity': 0.3,
            'backgroundColor': 'skyBlue'
        })
        $('.bigImg').css('display', 'block')

        $(document).on('mousemove', (e) => {
            var e = e || window.event
            var disX = e.pageX - $(this).offset().left - ($('.head-none').width() / 2)
            var disY = e.pageY - $(this).offset().top - ($('.head-none').height() / 2)
            if (disX < 0) {
                disX = 0
            }
            if (disY < 0) {
                disY = 0
            }
            if (disX > $(this).width() - $('.head-none').width()) {
                disX = $(this).width() - $('.head-none').width()
            }
            if (disY > $(this).height() - $('.head-none').height()) {
                disY = $(this).height() - $('.head-none').height()
            }

            // 隐藏的框框移动
            $('.head-none').css({
                left: disX,
                top: disY
            })

            // 大图移动
            $('.bigImg img').css({
                left: -disX * ($('.head-ys').width() / $('.head-none').width()),
                top: -disY * ($('.head-ys').width() / $('.head-none').width())
            })
        })

    })

    $('.top-two-l-head').on('mouseleave', function () {
        $('.head-none').css({
            'opacity': 0,
        })
        $('.bigImg').css('display', 'none')

    })

    // 切换小图
    $('.items').find('li').on('mouseenter', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $('.head-ys img').attr('src', $(this).find('img').attr('src'))
        $('.bigImg img').attr('src', $(this).find('img').attr('src'))
    })

    // 小图傍边的左右箭头 
    //移入 移出
    $('.top-two-l-food a').on('mouseenter', function () {
        $(this).addClass($(this).index() == 0 ? 'prev-a' : 'next-b')
    })

    $('.top-two-l-food a').on('mouseleave', function () {
        $(this).removeClass($(this).index() == 0 ? 'prev-a' : 'next-b')
    })
    // 点击
    var num = 0
    //zuo
    $('.prev').on('click', function () {
        num--
        console.log(num)
        if (num < 0) {
            num = 0
        }
        $('.items ul').animate({ left:-($('.items li').width()+10)*num}).stop(false,true)
    })
    //you
    $('.next').on('click', function () {
        num++
        if(num > $('.items li').length-5){
            num =  $('.items li').length-5
        }
        $('.items ul').animate({ left: -($('.items li').width()+10)*num}).stop(false,true)
        
    })



    







})